//    简单的动画封装
function animate(obj, target, callback) {
  //当我们不断的点击按钮，这个元素会越来越快，因为开启了太多的定时器
  //解决方案就是 让我们元素只有一个定时器执行
  //先清除以前的定时器，只保留当前的一个定时器
  clearInterval(obj.timer);
  obj.timer = setInterval(function () {
    //步长值写到定时器的里面
    //   把步长值改为整数 不要出现小数的问题
    let step = (target - obj.offsetLeft) / 10;
    step = step > 0 ? Math.ceil(step) : Math.floor(step);
    if (obj.offsetLeft > 0) {
      clearInterval(obj.timer);
    }
    // 回调函数写到定时器结束里面
    if (callback) {
      //回调函数
      callback();
    }
    obj.style.left = obj.offsetLeft + step + "px";
  }, 15);
}
